<template>
  <div id="app">
    <w-header></w-header>
    <banner></banner>
    <module-one></module-one>
    <module-two></module-two>
    <module-three></module-three>
    <w-footer></w-footer>
    <fixed></fixed>
  </div>
</template>

<script type="text/ecmascript-6">
  import WHeader from '@/base/header/header'
  import WFooter from '@/base/footer/footer'
  import Fixed from '@/base/fixed/fixed'
  import Banner from './components/banner/banner.vue'
  import moduleOne from '../../base/module_one/module_one.vue'
  import moduleTwo from '../../base/module_two/module_two.vue'
  import moduleThree from '../../base/module_three/module_three.vue'

  export default {
    name: 'app',
    components: {
      WHeader,
      WFooter,
      Fixed,
      Banner,
      moduleOne,
      moduleTwo,
      moduleThree
    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">

</style>
